<div class="box">
	<h2>Pakete</h2>
	<div><div id="packagelist"><noscript>Bitte Javascript aktivieren!</noscript></div></div>
</div>

<script>
	var update = new UpdateManager(
		{{ MODUL_SELF|json_encode|raw }},
		{{ sources|json_encode|raw }},
		{{ packages|json_encode|raw }}
	);
</script>

{% for source in sources %}
	<script src="{{ source.url }}?interface=iv.exchange&serverid={{ source.id }}"></script>
{% endfor %}

<script>update.displayPackages($( "#packagelist" ));</script>

<div class="popup_container" id="progressmodal" style="display: none">
	<div class="modal-backdrop fade in"></div>
	<div class="modal fade in">
		<div class="modal-header">
			<h3>Installiere Paket</h3>
		</div>

		<div class="modal-body">
			<p>Current Package</p>

			<div class="progress progress-striped active">
				<div id="pkgpgrs" class="bar" style="width: 0%; transition: width 0.1s ease 0s;"></div>
			</div>

			<p>Output Log</p>

			<pre class="well" style="height: 100px; overflow: auto; font-size: 10px;" id="log"><div></div></pre>
		</div>

		<div class="modal-footer">
			<button id="migbtn" class="btn btn-danger" onclick="alert('this button dont has any function')">Cancel</button>
		</div>
	</div>
</div>
